Loading...

Gerard Clotet Rodríguez

Be one with the particle

About Me

Hello I'm Gerard Clotet. I worked as a designer in this project although i contributed in other areas to achieve a solid combat.

During this project i've been working on combat design,game feel and VFX mainly, really enojyed this work and improved a lot about VFX art & design.

Contribution


Project Overview

From the beginning to the end of the development of this project, I have been part of the scrum team of Combat, in charge the combat design and particularly in Geralt design.

At first during the pre produtcion phase I worked among design members to develope the pillars & bases of the combat that evolved through the production phase to the current final state

Throughout the production I've been iterating on combat such as prototyping in Unity or through playtesting , making VFX mainly for characters & iterating also on game feel focused in combat

Always in constant communication with the engine team to priorize crucial features for the development, also helping and communicating with the gameplay programmers to achieve accurately the main vision of combat

  • Player Combat Design
  • VFX Design & Artist
  • Game Feel
  • Combat UI Design

PLAYER COMBAT DESIGN

First Stages

At the beginning together with Jorge Gemas defined Yennefer characteristics and how they complement with Geralt ones. Geralt a melee short ranged works as the tank & deals more dmaged on the other hand Yennefer works as a ranged character with intense crowd control over the enemies through knockbacks.

Image

One main pillar of the game is to be fast paced, in order to achieve that players must feel very poweful moreover cooperation is another main pillar so the game challenge must be enough to force cooperation.

Image

Snapping rough draft iteration on early vertical slice

Inorder to achieve a fast paced action using diferent perspective i designed a snap. Each attack has a different snap range and speed to target so the player uses diferent strategies in different challenges

Input

The input is designed from a finger physiognomy view, light attack is on X and the heavy on Y button, so if the player needs to switch from one button to another he doesn't need to bend the thumb.

The dash button follows the same principle: in order to use it while attacking the player just has to use the index finger instead of bending the thumb to another button

On the other hand we have the spells that dont follow this principle, mainly because cadence of these is minor and have a cooldown based on player's mana

Image Image

Prototype

Image

Togehter with Jaume Montagut, Marc Gálvez, Axel Aalavedra and Cere Venteo we created a unity prototype to test the core mechanic of combat, fast pacing and see if it fits wells with the relic system, while Alien Engine was still in an early development

I was in charge of programming the input movement getting proper direction if the camera changes the angle, blending run & walk animations & gathering all combos animations from mixamo that some of them were recycled in engine later

Combos

At the beggining i was in charge of implementing both characters animations combos and iterate the combos and its variables to polish them, but after a sprint i could the task grew up exponentially so i had to focus on geralt to achieve a decent polish level

Image

Approach to get to the final state

  • Level Speed Animations for a better feedback of what's happening
  • Adujested input timming so the player can process what is happening and act according to the situation
  • Gather the perfect animations from mixamo due to a lack of animation artist and cut them accurately to link the attacks properly
Image

First Iteration

Image

Final Iteration

Initially Geralt had 6 combos from 3 to 5 attacks each combos. Throughout playtesting and iterations the combos were reduced from 6 to 4, for a easier internalization of its uses & we established that all combos would have 3 attacks per combo.

Image

Light Combo: more attack area but less damage

Image

Heavy Combo:more damaged but focused on a single target

Image

Area Combo: pushback enemies in all directions

Image

Lift up Combo:Knocks up enemies

Input attack is linked with the player actions, light attack button will release and horizontal slash, while heavy attack button an horizontal one.

VFX DESIGN & ARTIST

Slash

To give more feedback & game feel on attacks, with the help of Carlos Peña creating new requestes features for the particle system I designed and created and slash for each attack also as a visible way to delimitate geralt attack collider

Here we can see the iterations

Image

The first aproach was using quads and a slash texture

Image

Later when the particle system supported mesh instancing i started iterating on some meshes for the slash

Image

With a beam texture i gave the mesh a sense of direction

Image

Finally instancing the same mesh with diferent proportions & speeds for each attack, rotating it around its pivot gave the sensation of a sword smear

With Yennefer I used the same sistem but changing the texture with the help of Yessica Servín to give it a rounded head

Image

With the same method as geralt slashes i created a new slash with diferents uvs that later would be used to make the outline slash of geralt relic atacs

Image

Expansive Wave

Geralt required and expansive wave particle that i modeled and implemented to the engine

Image

Tornado

I've iterated on torandos first as a yenn particle attack and later on Ciri ambient boss battle tornado

This tornado was made using quads that where pointing up & down on Y axis

Image

Created this texture for this tornado

Image

This tornado had an issue that depending on the angle of the camera the tornado could not be seen due it's made from quads & Ciri boss fight camera angle required a different approach.

Image

In this case i used the same approach but instead of using quads i recycled the same mesh i created for expansive wave with a beam texture. The final result make it viable put the camera in diferent angles and see the tornado

Blood

I've created a blood particle on each attack that follows the direction of the hits, I explain it on detail on game feel section

I also made blood particles for decapitations to make them more shocking

Image
Image

Yennefer Relics Attack Particle

I've made the Yennefer attack particles that give the player feedback of what relic the character has on a particular combo.

Earth

Fire

Ice

Ice + Lightning

Lightning

Poison

GAME FEEL

Directional Blood

I've implemented a feature that rotates blood particle according to player orientation to increase the feel of impacting the enemy

Each attack is linked with a different blood particle prefab with a given rotation if the player is in front of the enemy. then when the enemy recieves the hit & spawn the particle, calculates the orientation of the player and applies this orientation + its original given to the particle.

Image
Image

Rumble

Cases where the gamepad rumbles with different intensities & duration

  • If the player deals damage
  • If the player makes the final attack of combo and hits an enemy the rubmel is more intense
  • Player recieve damage
  • When the player dies

Camera Shake

Cases where the camera shakes with different intensities

  • If the player deals damage
  • Player recieve damage
  • Complete combo
Image
Image

Hit Freeze

Design of freeze

  • Each attack has its own freeze time
  • The player, the enemy hitted & the player attack particle are freezed according to its freeze time
  • When the player freezes its invulnerable
Image

COMBAT UI DESIGN

Hit Count

Designed hit count system along with Jaume Montagut & implemented by Víctor Segura.

  • Appears damage label individually
  • damage labels reflex visually if the damage comes from a relic element
  • When damage label appears makes a transition of scales as well as the total counter when increases
  • When the total counter reaches certain numbers, shakes
  • If the player doesnt deal damage for a while or receave a hit the total hit counter disappears
  • If the player has combo streaks a fire appears behind the players ui icon
  • When the player completes a combo or recieve a hit damage labels stacks all together to the global damage counter
Image